<template>
	<div class="app">

		<Games>
			<template scope="peiqi">
				<ul>
					<li v-for="youxi in peiqi.youxis">{{youxi}}</li>
				</ul>
			</template>
		</Games>

		<Games>
			<template scope="peiqi">
				<ol>
					<li v-for="youxi in peiqi.youxis">{{youxi}}</li>
				</ol>
			</template>
		</Games>

		<Games>
			<template scope="{youxis}">
				<h4 v-for="youxi in youxis">{{youxi}}</h4>
			</template>
		</Games>

	</div>
</template>

<script>
	import Games from './components/Games'
	export default {
		name:'App',
		components:{Games},
	}
</script>

<style>
	.app{
		display: flex;
		justify-content: space-around;
	}
</style>